<td>下如何左右对齐

来源：百度知道 编辑：UC知道 时间：2024/05/20 22:17:08
<table style="width: 700px;">
<tr>
<td>
<input id="Text1" type="text" />
<input id="Text2" type="text" />
<input id="Text3" type="text" /></td>
</tr>
</table>
如何设置才能让text1,text2左对齐，text3右对齐？

有三种方法：
第一种
<td style="text-align:left;">
<input id="Text1" type="text" />
<input id="Text2" type="text" />
打上空格
<input id="Text3" type="text" /></td>

第二种
<td style="float:left">
<div style="width:49.5%; float:left;text-align:left">
<input id="Text1" type="text" />
<input id="Text2" type="text" />
</div>
<div style="width:49.5%; float:left;text-align:right">
<input id="Text3" type="text" /></div></td>

第三种
<table style="width: 700px;">
<tr>
<td>
<input id="Text1" type="text" style="text-align:left;" />
<input id="Text2" type="text" styl